﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0,user-scalable=0">
    <meta content="telephone=no" name="format-detection" />
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title>知识库</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/global.css">
    <link rel="stylesheet" type="text/css" href="css/media.css">
    <link rel="stylesheet" type="text/css" href="css/loading.css">
    <script type="text/javascript" src="js/lib/loading.js"></script>
</head>

<body id="app">

    <!-- 头部 -->
    <header class="header">
        <!--<a href="javascript:history.go(-1);" title="返回" class="icon back" ></a>-->
        <back toback="true"></back>
        <h1 v-cloak>{{typeName}}</h1>
        <a href="javascript:void(0);" title="切换" class="icon cateIcon" v-bind:class="{on:!layout}" @click="layWay();"></a>
    </header>

    <!-- 会议纪要 -->
    <section class="padT23" v-show="!showModal" v-cloak>
        <div class="bgff borderspace tabFixed">
            <ul class="clearfix meetUl">
                <li v-bind:class="{'on':tabs==0}" @click="slides(0,$event)">时间</li>
                <li v-bind:class="{'on':tabs==2}" @click="slides(2,$event)">热度</li>
                <li v-bind:class="{'on':tabs==3 || tabs == 4,'upward':tabs==3,'down':tabs == 4}" class="up" @click="slides(3,$event)">评分</li>
                <li class="screening" @click="screen();">筛选</li>
            </ul>
            <div class="sequence" v-if="time">
                <span v-bind:class="{'on':tabs==0}" @click="slides(0,$event)">按发布时间</span>
                <span v-bind:class="{'on':tabs==1}" @click="slides(1,$event)">按创建时间</span>
            </div>
        </div>
        <ul class="bgff quesCont quesFirst tabBox" v-show="!layout&&data.length>0">
            <li v-for="info in data" v-touch:swipe="swipeLeft($event)" v-touch-options:swipe="{ direction: 'horizontal' }">
                <div>
                    <a href="javascript:;" @click="toartDetail(info.id);" class="clearfix db">
                        <img :src="info.suffix | path" class="fileIcon" onerror="javascript:this.src='images/icon/type/OTHER.png';this.onerror=null;">
                        <div class="ques">
                            <h3 class="font26 color22 ell">{{ info.title }}</h3>
                            <span class="db font24 color21 ell">{{ info.content }}</span>
                        </div>
                    </a>
                    <template v-if="info.type.length>0">
                        <a href="meeting.html?id={{info.id}}&name={{info.name}}" @click="changeTag(info.id,info.name);" class="font18 colorB tips" v-for="info in info.type"><em>{{ info.name }}</em></a>
                    </template>
                    <div class="font18 colorb6 queAuthor">
                        <span>{{ info.author }}</span>
                        <span>{{ info.score }}分</span>
                        <span>{{ info.size }}</span>
                        <span>{{ info.readCount }}阅读过</span>
                        <span>{{ info.date }}</span>
                    </div>
                    <div class="font26 dib shareColl two">
                        <a href="javascript:void(0);" @click="share({shareId:info.id,shareTit:info.title,sharePic:info.suffix,isdoc:true},$event);" class="shareIcon"></a>
                        <a href="javascript:void(0);" @click="Collection({dataID:info.id},$event);" class="collIcon"></a>
                    </div>
                </div>
            </li>
            <span class="loading-more">加载更多...</span>
        </ul>
        <div v-show="layout&&data.length>0" class="tabBox">
            <ul class="clearfix quesList quesSec">
                <li v-for="info in data">
                    <a href="javascript:;" @click="toartDetail(info.id);" class="db">
                        <span class="db photo">
                            
                            <img data-src="{{showThumbnail(info.pic , info.suffix)}}" src="images/NotPreview.jpg" class="loadImg" />
                            
                            <!--
                            <template v-if="info.suffix=='html'">
                                <img data-src="images/preview.jpg" src="images/preview.jpg" class="loadImg" />
                            </template>
                            <template v-else>
                                <img data-src="{{ info.pic }}" src="images/preview.jpg" class="loadImg" />
                            </template>
                            -->
        					
        				</span>
                        <span class="db font26 color21 title">{{ info.title }}</span>
                    </a>
                </li>
            </ul>
            <span class="loading-more">加载更多...</span>
        </div>
        <ul v-show="!data.length>0&&noList" class="hasNoneCont" v-cloak>
            <li>
                <!-- 没有数据 -->
                <div class="noneCont">
                    <img src="images/collNone.png" class="noneImg" />
                    <span class="db desc">暂时没有数据</span>
                </div>
            </li>
        </ul>
    </section>

    <!-- 筛选 -->
    <div class="popbg" v-show="screenSide" @click="side();" v-cloak></div>
    <section class="screenSide borderTS" v-show="screenSide" v-cloak>
        <h1>{{typeName}}</h1>
        <div id="cate" class="padT23 padB23 quesCate">
            <div v-if="classify.length>0">
                <div class="pr pad24 bgff">
                    <span class="db font24 tits">分类</span>
                    <!-- <a href="javascript:void(0);" class="pa more">全部</a> -->
                </div>
                <ul class="clearfix borderspace cateList j_classify">
                    <li v-for="cates in classify" @click="filterSec($event);" data-id="{{cates.id}}" data-name="{{cates.name}}"><a href="javascript:;" class="textC cateDate">{{ cates.name }}</a></li>
                </ul>
            </div>
            <div v-for="cates in classify1">
                <div class="pr pad24 bgff">
                    <span class="db font24 tits">{{ cates.name }}</span>
                    <!-- <a href="javascript:void(0);" class="pa more">全部</a> -->
                </div>
                <ul class="clearfix borderspace cateList j_tagList">
                    <template v-if="cates.child.length>0">
                        <li v-for="cates in cates.child" @click="filterSec($event);" data-name="{{cates.name}}"><a href="javascript:;" class="textC cateDate">{{ cates.name }}</a></li>
                    </template>
                </ul>
            </div>
            <div v-for="cates in classify2">
                <div>
                    <div class="pr pad24 bgff">
                        <span class="db font24 tits">{{ cates.name }}</span>
                        <!-- <a href="javascript:void(0);" class="pa more">全部</a> -->
                    </div>
                    <ul class="clearfix borderspace cateList j_tagList">
                        <template v-if="cates.child.length>0">
                            <li v-for="cates in cates.child" @click="filterSec($event);" data-name="{{cates.name}}"><a href="javascript:;" class="textC ell cateDate">{{ cates.name }}</a></li>
                        </template>
                    </ul>
                </div>

            </div>
        </div>
        <div class="clearfix footerBtn">
            <span class="fl btns reset" @click="reset();">重置</span>
            <span class="fr btns sure" @click="filterReg();">确定</span>
        </div>
    </section>

    <share :show.sync="showModal"></share>
    <!-- template for the modal component -->
    <script type="x/template" id="share-template">
        <!-- 头部 -->
        <header class="header" v-show="show">
            <a href="javascript:;" title="返回" class="icon back" @click="cancel();"></a>
            <div class="clearfix search-box searchBigBox">
                <input type="button" class="fl search-btn" @click="search();">
                <input type="text" id="searchword" class="search-txt" placeholder="搜索" value="" maxlength="30" v-model="query">
            </div>
            <a href="javascript:void(0);" title="确认" @click='ok();' class="text">确认</a>
        </header>

        <!-- 通讯录 -->
        <section class="padT23 addrBook" v-show="show">
            <div v-for="info in users">
                <span class="db pad24 font18 color72">{{info.type}}</span>
                <ul id='uluser' class="padLR24 bgff">
                    <!-- 选中则加上 class="on" -->
                    <li dataID='{{info.uid}}' class="padTB24 font24 color21 borderB" @click="checked($event);" v-for="info in info.userList | filterBy query in 'uname'">
                        {{info.uname }}
                    </li>
                </ul>
            </div>

        </section>
    </script>

    <script type="text/javascript" src="js/lib/jquery.min.js"></script>
    <script type="text/javascript" src="js/lib/vue.js"></script>
    <script src="js/lib/hammer.min.js"></script>
    <script src="js/lib/vue-touch.js"></script>
    <script type="text/javascript" src="js/lib/common.js"></script>
    <script type="text/javascript" src="js/lib/global.js"></script>
    <script type="text/javascript" src="js/lib/alert.js"></script>
    <script type="text/javascript" src="js/app.js"></script>
    <script type="text/javascript" src="js/meeting.js?id=1"></script>
    <script type="text/javascript">
        /*设置这个导致页面无法滑动*/
        /*var stop = 0;
        document.addEventListener('touchmove', function(e){
            if(stop == 0){
                e.preventDefault();
                e.stopPropagation();
            }
        },false);*/
    </script>

</body>

</html>